<div class="modal fade in ip-box" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="edit">
    <div class="modal-dialog " role="document" style="margin: 254px auto;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">IP规则管理 — 修改</h4>
            </div>
            <div class="modal-body">
                <form name="editForm">

                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">IP规则名称:</label>
                        <div class="col-xs-12 col-sm-9">
                            <input type="text" 
                            	   name="ruleName" 
                            	   class="form-control" 
                            	   required
                                   ng-model="edit_ruleName"
                            	   >
                            <label class="red required">*</label>
                            <div class="error" ng-show="editForm.ruleName.$dirty &amp;&amp; editForm.ruleName.$invalid">
                                <small class="error" ng-show="editForm.ruleName.$error.required">名称不能为空</small>
                            </div>
                        </div>
                    </div>
					
					<div class="form-group height-auto">
						
						<div class="form-group height-auto">
                            <label class="col-xs-12 col-sm-3 control-label text-right">优先级:</label>   
                            <div class="one-line col-xs-12 col-sm-3">
                                <select name="sortIndex" 
                                        required
                                        ng-options="obj.id as obj.name for obj in editSortSelect"
                                        ng-model="edit_sortIndex">
                                </select>
                            </div>

                            <label class="one-line col-xs-12 col-sm-3 control-label text-right">规则模式:</label>   
                            <div class="col-xs-12 col-sm-3">
                                <select name="ruleMode" 
                                        required 
                                        ng-options="obj.id as obj.name for obj in editRuleModeSelect"
                                        ng-model="edit_ruleMode"
                                        >
                                </select>
                            </div>
                        </div>

					</div>
						

                    <div class="form-group height-auto">
                        <label class="col-xs-12 col-sm-3 control-label text-right">是否启用:</label>   
                        <div class="col-xs-12 col-sm-9">
                            <select name="enabled" 
                                    required 
                                    ng-options="obj.id as obj.name for obj in editEnabledSelect"
                                    ng-model="edit_enabled">
                             	
                            </select>
                        </div>
                    </div>

                    <div class="form-group height-auto">
                        <label class="col-xs-12 col-sm-3 control-label text-right">IP表达式:</label>
                        <div class="col-xs-12 col-sm-9">
                            <textarea rows="5" 
                            		  type="text" 
                            		  name="description" 
                            		  class="form-control" 
                                      ng-model="edit_expression"
                            		  >                                    
                            </textarea>
                            
                        </div>
                    </div>
                    
                </form>

                <div class="col-sm-12">
                    <div class="modal-footer">
                        <button type="button" 
                                class="btn btn-primary" 
                                data-dismiss="modal" 
                                ng-disabled="editForm.$invalid"
                                ng-click="confirmEdit()" 
                                >修改
                        </button>
                    </div>
                </div>

                <div class="ip-page col-sm-12">
                	<h5>
                		<strong>IP表达式说明</strong>
                	</h5>
                	<p>1、xxx.xxx.xxx.xxx (一个确定的IP地址)。</p>
                	<p>2、使用 '|' 隔开每个IP子表达式。</p>
                	<p>3、IP段设置。 例如，'10.1' 表示所有以 '10.1.'开头的IP地址，如10.1.1.0 和 10.1.0.1 ,而不是 '10.12.1.1'。</p>
                	<p>4、使用 '-' 来设置一个IP范围。例如, '222.111-222.113'，比如包括 222.111.0.1,222.112.0.2, ...,222.113.0.254。</p>
                	<p>5、使用 '!'来排除IP地址。例如，'!222.111-222.113'，比如不包括 222.111.0.1,222.112.0.2, ...,222.113.0.254。</p>
                	<p>6、使用 '*' 来包含所有的IP地址。</p>
                	<p>7、使用 '!*' 来排除所有的IP地址。</p>
                	<p>8、'xxx.xxx' 等同于 'xxx.xxx.' 等同于 'xxx.xxx.*'</p>
                </div>

            </div>
        </div>
    </div>
</div>